// Extra small screen / phone
$screen-xs: 480px;

// Small screen / tablet
$screen-sm: 768px;

// Medium screen / desktop
$screen-md: 992px;

// Large screen / wide desktop
$screen-lg: 1200px;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max: ($screen-sm - 1);
$screen-sm-max: ($screen-md - 1);
$screen-md-max: ($screen-lg - 1);

//Color
$primary-color: #009688;
$success-color: #5FB878;
$info-color: #1E9FFF;
$danger-color: #FF5722;
$warn-color: #FFB800;

$header-color: #393D49;
$footer-color: #2F4056;

$default-border-color: #DDD;

//Other
$default-border: 1px solid $default-border-color;

$namespace: 'xr';
